<template>
    <div class="blog">
        <about-banner name="工具界面" :image="image"></about-banner>
        <el-row>
            <el-col :span="14" :offset="5" >
                <article-card></article-card>
                <el-button>more</el-button>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import ArticleCard from "@/components/body/ArticleCard";
import AboutBanner from "@/components/body/AboutBanner";

export default {
    name: "Tools",
    data() {
        return {
            image: '/static/website/background.jpg',
            avatar: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'
        }
    },
    components: {
        AboutBanner,
        ArticleCard,
    }
}
</script>

<style scoped>
.blog {
    min-height: 10rem;
}
.card-title{
    font-weight: bold;
    font-size: 18px;
    font-family: 微软雅黑, serif;
}
.tag{
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 10px;
}
</style>
